<template>
	<div class="article">
		<Nav activeIndex="articleView"></Nav>
		<section class="container content overflow">
			<List activeIndex="articleView"></List>
		</section>
		<Footer></Footer>
	</div>
</template>
<script>
	import Nav from '../components/Nav.vue'
	import List from '../components/List.vue'
	import Footer from '../components/Footer.vue'
	export default {
		name: 'articleView',
		components: {
			Nav,
			List,
			Footer
		}
	}
</script>

<style lang="less" scoped>
	.article {
		height: 100%;

		.container {
			max-width: 1200px;
			min-height: 827px;
			margin: 0 auto 10px;
		}

		.content {

			h2,
			h3 {
				font-size: 150%;
				margin: 20px 0;
			}

			p {
				color: #555;
				line-height: 30px;
				letter-spacing: 2px;
			}
		}
	}
</style>
